<%@ page contentType="text/html; charset=utf-8"%>
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="description"
	content="Metro, a sleek, intuitive, and powerful framework for faster and easier web development for Windows Metro Style.">
<meta name="keywords"
	content="HTML, CSS, JS, JavaScript, framework, metro, front-end, frontend, web development">
<meta name="author"
	content="Sergey Pimenov and Metro UI CSS contributors">

<link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />
<title>title</title>

<link href="${pageContext.request.contextPath }/css/metro.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath }/css/metro-icons.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath }/css/metro-schemes.css"
	rel="stylesheet">
<link
	href="${pageContext.request.contextPath }/css/metro-responsive.css"
	rel="stylesheet">




<script src="${pageContext.request.contextPath }/js/jquery-2.1.3.min.js"></script>
<script src="${pageContext.request.contextPath }/js/metro.js"></script>
<script src="${pageContext.request.contextPath }/js/docs.js"></script>

<script src="${pageContext.request.contextPath }/js/ga.js"></script>
<style type="text/css">
<!--
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-color: #42413C;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ 元素/标签选择器 ~~ */
ul,ol,dl {
	/* 由于浏览器之间的差异，最佳做法是在列表中将填充和边距都设置为零。为了保持一致，您可以在此处指定需要的数值，也可以在列表所包含的列表项（LI、DT 和 DD）中指定需要的数值。请注意，除非编写一个更为具体的选择器，否则您在此处进行的设置将会层叠到 .nav 列表。 */
	padding: 0;
	margin: 0;
}

h1,h2,h3,h4,h5,h6,p {
	margin-top: 0;
	/* 删除上边距可以解决边距会超出其包含的 div 的问题。剩余的下边距可以使 div 与后面的任何元素保持一定距离。 */
	padding-right: 15px;
	padding-left: 15px;
	/* 向 div 内的元素侧边（而不是 div 自身）添加填充可避免使用任何方框模型数学。此外，也可将具有侧边填充的嵌套 div 用作替代方法。 */
}

a img { /* 此选择器将删除某些浏览器中显示在图像周围的默认蓝色边框（当该图像包含在链接中时） */
	border: none;
}

/* ~~ 站点链接的样式必须保持此顺序，包括用于创建悬停效果的选择器组在内。 ~~ */
a:link {
	color: #42413C;
	text-decoration: underline;
	/* 除非将链接设置成极为独特的外观样式，否则最好提供下划线，以便可从视觉上快速识别 */
}

a:visited {
	color: #6E6C64;
	text-decoration: underline;
}

a:hover,a:active,a:focus { /* 此组选择器将为键盘导航者提供与鼠标使用者相同的悬停体验。 */
	text-decoration: none;
}

/* ~~ 此固定宽度容器包含其它 div ~~ */
.container {
	width: 1080px;
	background-color: #FFF;
	margin: 0 auto; /* 侧边的自动值与宽度结合使用，可以将布局居中对齐 */
}

/* ~~ 标题未指定宽度。它将扩展到布局的完整宽度。标题包含一个图像占位符，该占位符应替换为您自己的链接徽标 ~~ */
.header {
	background-color: #ADB96E;
}

.sidebar1 {
	float: left;
	width: 240px;
	height: 600px;
	background-color: #71b1d1;
	padding-bottom: 10px;
}

.content {
	width: 840px;
	height: 600px;
	float: left;
	cursor: pointer;
}

.Displayarea {
	width: 840px;
	height: 590px;
}

/* ~~ 此分组的选择器为 .content 区域中的列表提供了空间 ~~ */
.content ul,.content ol {
	padding: 0 15px 15px 40px;
	/* 此填充反映上述标题和段落规则中的右填充。填充放置于下方可用于间隔列表中其它元素，置于左侧可用于创建缩进。您可以根据需要进行调整。 */
}

/* ~~ 导航列表样式（如果选择使用预先创建的 Spry 等弹出菜单，则可以删除此样式） ~~ */
ul.nav {
	list-style: none; /* 这将删除列表标记 */
	border-top: 1px solid #666; /* 这将为链接创建上边框 – 使用下边框将所有其它项放置在 LI 中 */
	margin-bottom: 15px; /* 这将在下面内容的导航之间创建间距 */
}

ul.nav li {
	border-bottom: 1px solid #666; /* 这将创建按钮间隔 */
}

ul.nav a,ul.nav a:visited { /* 对这些选择器进行分组可确保链接即使在访问之后也能保持其按钮外观 */
	padding: 5px 5px 5px 15px;
	display: block; /* 这将为链接赋予块属性，使其填满包含它的整个 LI。这样，整个区域都可以响应鼠标单击操作。 */
	width: 160px;
	/*此宽度使整个按钮在 IE6 中可单击。如果您不需要支持 IE6，可以删除它。请用侧栏容器的宽度减去此链接的填充来计算正确的宽度。 */
	text-decoration: none;
	background-color: #C6D580;
}

ul.nav a:hover,ul.nav a:active,ul.nav a:focus {
	/* 这将更改鼠标和键盘导航的背景和文本颜色 */
	background-color: #ADB96E;
	color: #FFF;
}

/* ~~ 脚注 ~~ */
.footer {
	padding: 10px 0;
	background-color: #CCC49F;
	position: relative; /* 这可以使 IE6 hasLayout 以正确方式进行清除 */
	clear: both; /* 此清除属性强制 .container 了解列的结束位置以及包含列的位置 */
}

/* ~~ 其它浮动/清除类 ~~ */
.fltrt { /* 此类可用于在页面中使元素向右浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
	float: right;
	margin-left: 8px;
}

.fltlft { /* 此类可用于在页面中使元素向左浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
	float: left;
	margin-right: 8px;
}

.clearfloat {
	/* 如果从 #container 中删除或移出了 #footer，则可以将此类放置在 <br /> 或空 div 中，作为 #container 内最后一个浮动 div 之后的最终元素 */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
display


:block




-->
</style>
</head>

<body>

	<div class="container">
		<div class="header">
			<div style="width: 1080px; height: 200px; float: left;">

				<div class="presenter" data-role="presenter" data-height="200"
					data-easing="swing">
					<div class="scene">
						<div class="act bg-pink fg-white">
							<img
								src="${pageContext.request.contextPath }/images/css-logo.png"
								class="actor" data-position="10,10" style="height: 200px">
							<h1 class="actor" data-position="10,250">个人信息界面</h1>
							<p class="actor" data-position="70,250">
								这是大家的个人主页，网站处于测试阶段，请等待。</p>

						</div>

					</div>
				</div>
			</div>

		</div>
		<div class="sidebar1" align="center" style="color: black">

			<ul class="v-menu navy min-size-required"
				style="width: 240px; margin-left: 0px; f margin-bottom: 10px;">

				<li><a
					href="${pageContext.request.contextPath }/jsp/stuffinf/info.jsp"
					target="test" style="font-size: 24px;"><span
						class="mif-home icon"></span>首页</a></li>

				<li><a
					href="${pageContext.request.contextPath }/stuff/queryStuffByStuffId.action?idStuff=<%
                 if(request.getParameter("idStuff")==null)
                	 out.print(session.getAttribute("idStuff"));
                 else
                	 out.print(request.getParameter("idStuff"));
                %>"
					target="test" style="font-size: 24px;"><span
						class="mif-user icon"></span>基本信息</a></li>
				<li><a
					href="${pageContext.request.contextPath }/jsp/stuffinf/contract.jsp"
					target="test" style="font-size: 24px;"><span
						class="mif-calendar icon"></span>休假记录</a></li>
				<li><a
					href="${pageContext.request.contextPath }/jsp/stuffinf/contract.jsp"
					target="test" style="font-size: 24px;"><span
						class="mif-calendar icon"></span>加班记录</a></li>
				<li><a
					href="${pageContext.request.contextPath }/jsp/stuffinf/title.jsp"
					target="test" style="font-size: 24px;"><span
						class="mif-calendar icon"></span>职称资质</a></li>
				<li><a
					href="${pageContext.request.contextPath }/jsp/stuffinf/contract.jsp"
					target="test" style="font-size: 24px;"><span
						class="mif-calendar icon"></span>合同记录</a></li>
				<%
					if (session.getAttribute("userType").equals("一级用户")) {
						//管理员权限
				%><li><a
					href="${pageContext.request.contextPath }/stuff/queryStuffByDepartment.action?idStuffdepartment="
					target="black" style="font-size: 24px;"><span
						class="mif-calendar icon"></span>返回人员管理</a></li>
				<%
					} else {
						//最小权限用户  只能查看自己个人信息
				%>
				<li><a
					href="${pageContext.request.contextPath }/jsp/stuffinf/user.jsp"
					target="test" style="font-size: 24px;"><span
						class="mif-calendar icon"></span>个人账号</a></li>
				<li><a
					href="${pageContext.request.contextPath }/user/logout.action"
					target="black" style="font-size: 24px;"><span
						class="mif-calendar icon"></span>退出系统</a></li>
				<%
					}
				%>
			</ul>

			<!-- end .sidebar1 -->
		</div>


		<div class="content">
			<iframe
				src="${pageContext.request.contextPath }/jsp/stuffinf/info.jsp"
				name="test" frameborder="no" class="Displayarea" scrolling="no"></iframe>

			<!-- end .content -->
		</div>
		<div class="footer">
			<p>此 .footer 包含声明 position:relative，以便为 .footer 指定 Internet
				Explorer 6 hasLayout，并使其以正确方式清除。如果您不需要支持 IE6，则可以将其删除。</p>
			<!-- end .footer -->
		</div>
		<!-- end .container -->
	</div>
</body>
</html>




